<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>self-vue</title>
</head>
<style>
    #app {
        text-align: center;
    }
</style>
<body>
    <div id="app">
        <h2>{{title}}</h2>
        <input v-model="name">
        <input v-model="aaa">
        <h1>{{name}}</h1>
        <button v-on:click="clickMe">click me!</button>
    </div>
</body>
<script src="js/observer.js"></script>
<script src="js/watcher.js"></script>
<script src="js/compile.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript">
     new SelfVue({
        el: '#app',
        data: {
            title: 'hello world',
            name: 'canfoo',
            aaa:'111',
            ccc: {
                a:1,
                b:2
            }
        },
        methods: {
            clickMe: function () {
                this.name = 'canfoo';
            }
        },
        mounted() {
            
        }
    });
</script>
</html>